/* 
    Document   : admin_members_index
    Created on : Jun 20, 2013, 11:16:28 PM
    Author     : Francis
    Description:
        Purpose of the stylesheet follows.
*/

html, body {
    height: 100%;
    padding: 0px;
    margin: 0px;
}

/*label, input, button, select, textarea {
    font-size: 11px !important;
}*/

.form-horizontal .control-group {
    margin-bottom: 8px;
    margin-top: 4px;
}

:invalid {
    border: solid #c00 1px;
}

:invalid:after {
    content: "**";
}

:required:valid {
    /*border: solid #0c0 1px;*/
}

/*****************************************
 * TABS
 */

.xheader {
    color: #0D7685;
    padding: 3px;
    border-radius: 3px;
    border-bottom: dashed #999 1px;
    font-size: 12px;

}

.picture {
    border: solid #ccc 1px;
    width: 140px;
    height: 180px;
}

#profile-view {
    position: relative;
}

#profile-view .content [class*="span"] {
    margin-bottom: 10px;
}

#profile-view .content [class*="span"]:not(:last-child) {
    border-right: solid #f1f1f1 1px;
    padding: 0px 10px;
    box-sizing: border-box;
}

#profile-view header {
    margin-bottom: 10px;
    overflow: hidden;
}

#profile-view header h5 {
    margin: 0px;
    font-family: 'Helvetica Neue', Helvetica, Arial, 'lucida grande',tahoma,verdana,arial,sans-serif;
    font-size: 13px;
    font-weight: bold;
}

#profile-view .header td { 
    background: #333333; /* Old browsers */
    background: -moz-linear-gradient(top, #333333 0%, #222222 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#333333), color-stop(100%,#222222)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, #333333 0%,#222222 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, #333333 0%,#222222 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top, #333333 0%,#222222 100%); /* IE10+ */
    background: linear-gradient(to bottom, #333333 0%,#222222 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#333333', endColorstr='#222222',GradientType=0 ); /* IE6-9 */
    color: #fff;
    font-weight: bold;
    font-size: 14px !important;
}

#profile-view table th {
    font-weight: normal;
    color: #888;
/*    vertical-align: middle;*/
}

#profile-view .content section {
    clear: both;
    margin-bottom: 10px;
}

#profile-view #profile_view_pane {
    padding: 10px 15px;
    overflow: auto;
    box-sizing: border-box;
    position: absolute; 
    top: 53px; 
    bottom: 50px; 
    width: 100%;
}

#profile-view #profile_view_pane #profile_view {
    padding: 5px 0px;
    width: 100%;
    box-sizing: border-box;
}

#profile-view #profile_view_pane #loader_overlay {
    text-align: center;
    padding: 100px;
    background-color: rgba(255,255,255,0.7);
    position: absolute;
    box-sizing: border-box;
    top: 0px;
    left: 0px;
    right: 0px;
    bottom: 0px;
    z-index: 100;
    display: none;
}

#profile-view .accordion-heading a {
    background: #ffffff; /* Old browsers */
    background: -moz-linear-gradient(top, #ffffff 0%, #f6f6f6 47%, #ededed 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(47%,#f6f6f6), color-stop(100%,#ededed)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, #ffffff 0%,#f6f6f6 47%,#ededed 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, #ffffff 0%,#f6f6f6 47%,#ededed 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top, #ffffff 0%,#f6f6f6 47%,#ededed 100%); /* IE10+ */
    background: linear-gradient(to bottom, #ffffff 0%,#f6f6f6 47%,#ededed 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ededed',GradientType=0 ); /* IE6-9 */
}

#profile-view .accordion-heading a:hover,
#profile-view .accordion-heading a:active {
    color: #0D7685;
    text-decoration: none;
}

#profile-view .accordion-heading a:focus {
    background: #ffffff; /* Old browsers */
    background: -moz-linear-gradient(top, #ffffff 0%, #f6f6f6 47%, #ededed 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(47%,#f6f6f6), color-stop(100%,#ededed)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, #ffffff 0%,#f6f6f6 47%,#ededed 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, #ffffff 0%,#f6f6f6 47%,#ededed 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top, #ffffff 0%,#f6f6f6 47%,#ededed 100%); /* IE10+ */
    background: linear-gradient(to bottom, #ffffff 0%,#f6f6f6 47%,#ededed 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ededed',GradientType=0 ); /* IE6-9 */
    color: #444;
}

#profile-view .accordion-heading a {
    color: #555;
    font-weight: bold;
}

.details_table td, .details_table th {
    font-size: 11.5px;
    font-family: 'lucida grande',tahoma,verdana,arial,sans-serif;
    border: none !important;
    padding: 5px !important;
}

.details_table.condensed td, .details_table.condensed th { 
    padding: 2px 5px;
    border: none !important;
}

#list-table td, #list-table th {
    font-size: 11.5px;
    vertical-align: baseline;
}

#list-table td input[type=checkbox] {
    margin: 0px;
    padding: 0px;
    min-height: 0px;
}

/********************************************************************************
 * PROFILE EDITOR
 */
.modal .modal-header {
    padding: 3px 15px;
    font-size: 14px;
    background-color: #f1f1f1;
}

.modal .modal-header .close {
    font-size: 15px !important;
    border: solid #ccc 1px;
    border-radius: 30px;
    padding: 1px 6px;
    background-color: #000;
    opacity: .9;
    color: #fff;
    margin-top: 5px;
}

/** table list selected */
#table-view table tr:hover{
    cursor: pointer;
}

#table-view table tr.selected td{
    background-color: #85c948 !important;
    font-weight: bold;
    color: #ffffff;
}

#table-view tr td input[type=checkbox] {
    margin: 0px;
}

.desktop-view-left .panel{
    border: solid 1px #ccc;
}

/** For Desktops ***/
@media (min-width: 1025px){
    .desktop-view-right{
        position: absolute;
        top: 5px;
        bottom: 5px;
        right: 5px;
        padding: 0px;
    }
    .desktop-view-right .desktop-view-right-panel{
        display: table;
        border-spacing: 0;
        position: relative;
        height: 100%;
        width: 100%;
    }
    .desktop-view-right .panel-heading-right{
        position: absolute;
        display: block;
        top: 0px;
        width: 100%;
    }
    .desktop-view-right .panel-body-right{
        top:50px;
        bottom: 5px;
        position: absolute !important;
        width: 100%;
        display: block;
        overflow: auto;
    }
    .desktop-view-right .panel-footer{
        position: absolute;
        bottom: 0px;
    }

    .desktop-view-left{
        position: absolute;
        left: 5px;
        top: 5px;
        bottom: 5px;
        padding: 0px;
        width: 23.5%;
    }

    .desktop-view-left .panel{
        display: table;
        border-spacing: 0;
        position: relative;
        height: 100%;
        width: 100%;
    }
    .desktop-view-left .panel-heading{
        position: relative;
        display: block;
    }
    .desktop-view-left .panel-body{
        top:50px;
        bottom: 55px;
        position: absolute;
        width: 100%;
        display: block;
        overflow: auto;
    }
    .desktop-view-left .panel-footer{
        position: absolute;
        bottom: 0px;
        width: 100%;
    }
}
